<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>订单发货 - WMS仓库管理系统</title>
    <style type="text/css">
        .record-box2 {
            position: relative;
            width: 700px;
            padding: 0 5px 20px;
            font-size: 13px;
            color: #787878;
        }

        .record-box2 h2 {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 40px;
        }

        .record-input, .record-tips {
            width: 320px;
            margin: 0 auto;
            text-align: left;
        }

        .record-input input {
            width: 400px;
            height: 22px;
            line-height: 22px;
            font-size: 16px;
            padding: 14px 9px;
            border: 1px solid #787878;
        }

        .record-tips {
            padding: 5px 0;
            color: #f00;
            font-size: 13px;
            line-height: 2;
        }

        .record-list {
            margin: 0 auto;
            max-height: 300px;
            width: 600px;
            overflow-y: auto;
        }

        .record-list table {
            width: 100%;
        }

        .record-list th, .record-list td {
            padding: 5px 0;
            font-size: 13px;
            text-align: center;
            border: 1px solid #787878;
        }

        .record-list th {
            background: #f2f2f2;
            font-weight: normal;
        }

        .record-list p {
            text-align: center;
            padding: 20px 0;
        }

        .record-list p a {
            display: inline-block;
            padding: 0 30px;
            height: 30px;
            line-height: 30px;
            background-color: #c33;
            color: #fff;
            text-align: center;
            font-size: 14px;
        }

        .record-list p a:hover {
            background-color: #B23131;
        }
    </style>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        var index = 0;
        try {
            index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        }catch (e) {

        }
        $(function () {

            $("#number").focus();
            // var number = $("#number").val();
            // if (number != '') {
            //     getGoodsList(number);
            // }

            //扫码表单提交事件
            // $("#getGoodsForm").submit(function () {
            //     var number = $("#number").val();
            //     if (number == '') {
            //         $("#record-tips").html("请输入拣货单号");
            //         return false;
            //     } else {
            //         //AJAX查询是否存在
            //         getGoodsList(number);
            //
            //         return false;
            //     }
            // })

            //确认出库（发货）
            $("#s-define").click(function () {
                var id = $("#orderId").val();
                $.ajax({
                    url: "/ajax_order/order_send_confirm",
                    type: "POST",
                    dataType: "json",
                    contentType: "application/json",
                    data: JSON.stringify({id: id}),
                    success: function (res) {
                        console.log(res);
                        if (res.code == 0) {
                            alert("发货成功");
                            parent.layer.close(index);
                            parent.location.reload();
                        }else if(res.code==601){
                            alert(res.msg);
                            try {
                                parent.location.href = res.data;
                            }catch (e) {
                                location.href = res.data;
                            }
                        }  else {
                            alert(res.msg);
                        }
                    }
                })

            })


            // function getGoodsList(number) {
            //     $.ajax({
            //         url: "/ajax_order/get_order_by_num",
            //         type: "POST",
            //         dataType: "json",
            //         contentType: "application/json",
            //         data: JSON.stringify({key: number}),
            //         success: function (res) {
            //             console.log(res);
            //             if (res.code == 0 && res.data != null) {
            //                 $("#orderNum").val(res.data.order.orderNum);
            //
            //                 $("#orderId").val(res.data.order.id);
            //                 $("#record-tips").html("");
            //                 $("#record-tips").hide();
            //                 var html = '';
            //                 for (var i = 0; i < res.data.orderItems.length; i++) {
            //                     // var statusStr = "未知状态";
            //                     // if(res.data[i].status==21) statusStr = "已拣货";
            //                     // else if(res.data[i].status==23) statusStr = "已出库";
            //                     // else if(res.data[i].status==1) statusStr = "拣货中";
            //                     // else if(res.data[i].status==0) statusStr = "待拣货";
            //
            //                     html += '<tr>\n' +
            //                         '                <td>' + res.data.orderItems[i].goodsName +' </td>\n' +
            //                         '                <td>颜色：' + res.data.orderItems[i].colorValue + '  尺码：' + res.data.orderItems[i].sizeValue + '</td>\n' +
            //                         '                <td>' + res.data.orderItems[i].specNumber + '</td>\n' +
            //                         '                <td> ' + res.data.orderItems[i].locationName </td>\n' +
            //                         '                <td>' + res.data.orderItems[i].quantity + '</td>\n' +
            //                         // '                <td>'+statusStr+'</td>\n' +
            //                         '            </tr>';
            //                 }
            //                 $("#r-list").html(html);
            //                 $("#goods_list").show();
            //             } else {
            //                 $("#r-list").html("");
            //                 $("#goods_list").hide();
            //                 $("#record-tips").show();
            //                 $("#record-tips").html("没有找到该拣货单");
            //             }
            //
            //             // $("#code").val("");
            //
            //             // alert(JSON.stringify(res));
            //         }
            //     });
            // }
        })
    </script>
</head>
<body>
<div class="record-box2">
    <h2>请扫描发货单条形码</h2>
    <div class="record-input">
        <form id="getGoodsForm" >
            <input type="text" name="number" id="number" th:value="${order.order_num}" onclick="this.value=''"/>
        </form>
        <input type="hidden" id="orderNum" value="" th:value="${order.order_num}" />
        <input type="hidden" id="orderId" th:value="${order.id}" />
    </div>
    <div class="record-tips" id="record-tips" style="display: none">错误提示</div>
    <div class="record-list" id="goods_list" >
        <table>
            <thead>
            <tr>
                <th>商品</th>
                <th>规格</th>
                <th>SKU</th>
                <th>出货仓库</th>
                <th>数量</th>
            </tr>
            <tr th:each="item:${orderItems}">
                <td th:text="${item.goodsName}"></td>
                <td >
                    颜色：<span th:text="${item.colorValue}"></span>&nbsp;
                    尺码：<span th:text="${item.sizeValue}"></span>
                </td>
                <td th:text="${item.specNumber}"></td>
                <td th:text="${item.locationName}"></td>
                <td th:text="${item.quantity}"></td>

            </tr>
            </thead>
            <tbody id="r-list">


            </tbody>
        </table>
        <p><a href="javascript:;" id="s-define">确认发货</a></p>
    </div>
</div>
</body>
</html>